/*
 * @Author: Lijin
 * @Date: 2024-09-09 16:31:48
 * @LastEditors: Lijin
 * @LastEditTime: 2024-09-11 10:33:35
 * @FilePath: \React-musci\src\App.tsx
 * @Description:
 *
 * Copyright (c) 2024 by 18323406700, All Rights Reserved.
 */
import { useState, Suspense } from 'react'

import { useRoutes } from 'react-router-dom'
import routes from '@/router'

import AppHeader from '@/components/app-header'
import AppFooter from './components/app-footer'

function App() {
  return (
    <>
      <AppHeader />
      <div className="App">
        <Suspense fallback={<div>loading...</div>}>
          <div className="main">{useRoutes(routes)}</div>
        </Suspense>
      </div>
      <AppFooter />
    </>
  )
}

export default App
